<template>
  <div class="content_middle">
    <div class="container">
      <div class="content_middle_box">
        <div class="top_grid">
          <div class="col-md-3 index-grids">
            <div class="grid1">
              <div class="view view-first">
                <div class="index_img">
                  <img src="../../assets/images/pic1.jpg" class="img-responsive" alt />
                </div>
                <div class="sale">$2.980</div>
                <div class="mask">
                  <div class="info">
                    <i class="search"></i> Show More
                  </div>
                  <ul class="mask_img">
                    <li class="star">
                      <img src="../../assets/images/star.png" alt />
                    </li>
                    <li class="set">
                      <img src="../../assets/images/set.png" alt />
                    </li>
                    <div class="clearfix"></div>
                  </ul>
                </div>
              </div>
              <i class="home"></i>
              <div class="inner_wrap">
                <h3>房间</h3>
                <ul class="star1">
                  <h4 class="green">视图</h4>
                  <li>
                    <a>
                      <img src="../../assets/images/star1.png" alt />(236)
                    </a>
                  </li>
                </ul>
              </div>
            </div>
          </div>
          <div class="col-md-3 index-grids">
            <div class="grid1">
              <div class="view view-first">
                <div class="index_img1">
                  <img src="../../assets/images/pic6.jpg" class="img-responsive" alt />
                </div>
                <div class="mask">
                  <div class="info">
                    <i class="search"></i> Show More
                  </div>
                  <ul class="mask_img">
                    <li class="star">
                      <img src="../../assets/images/star.png" alt />
                    </li>
                    <li class="set">
                      <img src="../../assets/images/set.png" alt />
                    </li>
                    <div class="clearfix"></div>
                  </ul>
                </div>
              </div>
              <i class="home1"></i>
              <div class="inner_wrap">
                <h3>音乐厅</h3>
                <ul class="star1">
                  <h4 class="yellow">视图</h4>
                  <li>
                    <a href="#">
                      <img src="../../assets/images/star2.png" alt />(136)
                    </a>
                  </li>
                </ul>
              </div>
            </div>
          </div>
          <div class="col-md-3 index-grids">
            <div class="grid1">
              <div class="view view-first">
                <div class="index_img2">
                  <img src="../../assets/images/pic2.jpg" class="img-responsive" alt />
                </div>
                <div class="mask">
                  <div class="info">
                    <i class="search"></i> Show More
                  </div>
                  <ul class="mask_img">
                    <li class="star">
                      <img src="../../assets/images/star.png" alt />
                    </li>
                    <li class="set">
                      <img src="../../assets/images/set.png" alt />
                    </li>
                    <div class="clearfix"></div>
                  </ul>
                </div>
              </div>
              <i class="home2"></i>
              <div class="inner_wrap">
                <h3>交通</h3>
                <ul class="star1">
                  <h4 class="blue">视图</h4>
                  <li>
                    <a href="#">
                      <img src="../../assets/images/star2.png" alt />(136)
                    </a>
                  </li>
                </ul>
              </div>
            </div>
          </div>
          <div class="col-md-3 index-grids">
            <div class="grid1">
              <div class="view view-first">
                <div class="index_img">
                  <img src="../../assets/images/pic3.jpg" class="img-responsive" alt />
                </div>
                <div class="sale">$2.980</div>
                <div class="mask">
                  <div class="info">
                    <i class="search"></i> Show More
                  </div>
                  <ul class="mask_img">
                    <li class="star">
                      <img src="../../assets/images/star.png" alt />
                    </li>
                    <li class="set">
                      <img src="../../assets/images/set.png" alt />
                    </li>
                    <div class="clearfix"></div>
                  </ul>
                </div>
              </div>
              <i class="home"></i>
              <div class="inner_wrap">
                <h3>房间</h3>
                <ul class="star1">
                  <h4 class="green">视图</h4>
                  <li>
                    <a>
                      <img src="../../assets/images/star1.png" alt />(236)
                    </a>
                  </li>
                </ul>
              </div>
            </div>
          </div>
          <div class="clearfix"></div>
        </div>
        <div class="middle_grid wow fadeInUp" data-wow-delay="0.4s">
          <div class="col-md-6 index-grids">
            <div class="grid1">
              <div class="index_img">
                <img src="../../assets/images/pic4.jpg" class="img-responsive" alt />
              </div>
              <i class="m_home"></i>
              <ul class="vision">
                <li>视图</li>
                <li class="desc">
                  <a href="#">
                    <img src="../../assets/images/star1.png" alt />(236)
                  </a>
                </li>
              </ul>
              <div class="inner_wrap1">
                <ul class="item_module">
                  <li class="module_left">
                    <img src="../../assets/images/m1.jpg" class="img-responsive" alt />
                  </li>
                  <li class="module_right">
                    <img src="../../assets/images/m_star.png" class="img-responsive" alt />
                    <h5>Lucy-p</h5>
                    <p>"很棒很喜欢."</p>
                    <a class="content_btn">....read more</a>
                  </li>
                  <div class="clearfix"></div>
                </ul>
              </div>
            </div>
          </div>
          <div class="col-md-6 index-grids">
            <div class="grid1">
              <div class="index_img1">
                <img src="../../assets/images/pic5.jpg" class="img-responsive" alt />
              </div>
              <i class="m_home1"></i>
              <ul class="vision">
                <li>视图</li>
                <li class="desc">
                  <a>
                    <img src="../../assets/images/star2.png" alt />(236)
                  </a>
                </li>
              </ul>
              <div class="inner_wrap1">
                <ul class="item_module">
                  <li class="module_left">
                    <img src="../../assets/images/m2.jpg" class="img-responsive" alt />
                  </li>
                  <li class="module_right">
                    <img src="../../assets/images/m_star1.png" class="img-responsive" alt />
                    <h5>Lucy-p</h5>
                    <p>"超好."</p>
                    <a  class="content_btn">....read more</a>
                  </li>
                  <div class="clearfix"></div>
                </ul>
              </div>
            </div>
          </div>
          <div class="clearfix"></div>
        </div>
      </div>
      <div class="offering">
        <h2>瑞豪酒店可以为您提供什么?</h2>
        <h3>感谢您的光临</h3>
      </div>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style>
</style>